/*  模块化开发  */

window.onload = function () {
    init();
}

var init = function () {
    SearchKw();
}

var SearchKw = (function () {
    var keywords = JSON.parse(document.getElementById('J-data').innerHTML),  //后端传入的关键字数据
        autokw = document.getElementById('J-autokw'),  //搜索框
        searchkw = document.getElementById('J-searchkw'),   //存放关键字的盒子
        kwLen = keywords.length, //关键字的个数
        t = null,//定时器编号
        kwOder = 0; //当前选择的关键字的下标

    // 绑定聚焦事件
    addEvent(autokw, 'focus', function () {
        clearInterval(t);
        autokwColor(true);
    });

    // 绑定失去焦点事件
    addEvent(autokw, 'blur', function () {
        autokwColor(false);
        t = setInterval(changekw, 2000);
    });

    // 绑定输入事件(兼容性写法，写两个)
    addEvent(autokw, 'input', function () {
        autokwShow(this.value);
    });

    // 绑定输入事件(兼容性写法，写两个)
    addEvent(autokw, 'propertychange', function () {
        autokwShow(this.value);
    });

    // 设置关键字的函数
    function setAutokw() {
        changekw();
        t = setInterval(changekw, 2000);
    }

    // 改变显示出来的关键字 的函数
    function changekw() {
        searchkw.textContent = keywords[kwOder];
        // if (kwOder >= kwLen - 1) {
        //     kwOder = 0;
        // } else {
        //     kwOder++;
        // }
        kwOder = kwOder >= kwLen - 1 ? 0 : kwOder + 1;
    }

    // 轮播文字颜色2种状态函数
    function autokwColor(isfocus) {
        if (isfocus) {
            searchkw.className = 'autowords cur';
        } else {
            searchkw.className = 'autowords';
        }
    }

    // 轮播文字出现与隐藏 2种状态函数
    function autokwShow(val) {
        if (val.length <= 0) {
            searchkw.style.display = 'block';
        } else {
            searchkw.style.display = 'none';
        }
    }

    return (function () {
        setAutokw();
    });
})();